<!DOCTYPE html>
<html lang="zh">

	<head>
		<link rel="stylesheet" href="style.css" />
	</head>

	<body>
		<div id="app">
			<div id="activity">
				<p>点击选择图片开始</p>
			</div>
			<div id="main" hidden>
				<div>
					<div class="item">
						<label>精度<input type="range" id="precision" min="2" max="100" value="50"></label>
					</div>
					<div class="item">
						<button id="import">更换图片</button>
						<button id="export">导出图片</button>
						<button id="copy">复制图片</button>
					</div>
				</div>
				<div id="images">
					<div>
						<img id="src" />
					</div>
					<div>
						<canvas id="pixel"></canvas>
					</div>
				</div>
			</div>
		</div>
		<canvas id="canvas" hidden></canvas>
	</body>

	<script type="module" src="main.js"></script>
</html>